<template>
    <div class="aboutus">
      <!-- 头部导航开始 -->
      <HomeHeader></HomeHeader>
      <!-- 头部导航结束 -->
      <!-- 主体部分开始 -->
      <section class="aiseo-aboutus-main">
        <seoBanner
          bgUrl="https://oss-imag.aiseoword.com/aiseo-image/img-tab08-bannerIMG.webp"
          title="关于我们"
          subTitle="利用AI科技 切实解决企业网推痛点的互联网营销"
          :listArr="['公司介绍', '商业合作', '共同发展']"
          :isContact="true"
          buttonText="联系我们"
        ></seoBanner>
        <aboutUsMain></aboutUsMain>
        <EndButton></EndButton>
      </section>
      <!-- 主体部分结束 -->
      <!-- 底部开始 -->
      <HomeFooter></HomeFooter>
      <!-- 底部结束 -->
    </div>
  </template>
  
  <script setup>
  import HomeHeader from "@/components/homePage/header/index.vue";
  import HomeFooter from "@/components/homePage/footer/index.vue";
  import seoBanner from "@/components/seoCustomer/banner/index.vue";
  import EndButton from "@/components/common/views/EndButton.vue";
  import aboutUsMain from '@/components/aboutUs/aboutUsMain.vue';
  </script>
  
  <style lang="scss" scoped>
  .aboutus {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    .aiseo-aboutus-main {
      width: 100%;
      background: #f5f5f5;
    }
  }
  </style>
  